<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery的第一个文件</title>
</head>
<!--导入jquery库-->
<script type="text/javascript" src="../jquery类库/script/jquery-1.7.2.js"></script>
<script type="text/javascript">
    // 把function传进JQuery中. $符号代表就是JQuery的核心函数.传进去不同类型的对象,就会返回不同的结果.
    // 传进去的是函数,则会在页面加载时,运行该函数
    // 传进去的是字符串,就会根据字符串的内容,创建该页面的一些对象,
    //      比如"<button type="button" id="btn">点击事件</button>",随后appendTo将对象变成该页面的子节点
    // 传进去的是css选择器的时候,会返回对象.比如 "#id"为id选择器 "标签名"为标签选择器 ".class"为类型选择器
    // 传入的是DOM对象时,会返回JQuery对象

    // JQuery实际上是DOM对象的数组 + JQuery的一系列函数
    $(function () {
        var $btnObj = $("#btn"); // 通过id获取对象
        //将触发的事件,传进去
        $btnObj.click(function () {
            alert("JQuery的单击事件");
        });
    });

</script>

<body>
<button type="button" id="btn">点击事件</button>
</body>
</html>